<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%
response.setContentType("application/vnd.ms-excel") ; 
response.setHeader("Content-Disposition", "attachment; filename=\"mult-table.xls\""); 
%>
<html:html>
	<head>
		<title></title>
		<style type="text/css">
			/********* Body **********/
			body{
				margin-top: 5px;
				background-color: #ffffff;
			}
			
			/******* Hyperlinks *******/
			
			a:link, a:visited{
				color: #ffffff;
				text-decoration: none;
			}
			
			a:hover{
				text-decoration: underline;
			}
			
			a.barraNavegacion:link, a.barraNavegacion:visited{
				color: #333333;
				text-decoration: none;
			}
			
			a.barraNavegacion:hover{
				text-decoration: underline;
			}
			
			/************** Banner ***************/
			table.banner {
				padding: 0px 0px 0px 0px;
				border: 0px;
				width: 778px;
				background-color: #ffffff;
			}
			
			.txt_fecha {
				padding: 2px 2px 2px 2px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				color: #663300;
				text-align: right;
			}
			
			/************** Layouts ***************/
			table.formas {
				padding: 0px 0px 0px 5px;
				border: 0px;
				width: 600px;
				background-color: #ffffff;
			}
			
			table.barraNavegacion {
				padding: 0px 0px 30px 5px;
				border: 0px;
				width: 600px;
				background-color: #ffffff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				color: #333333;
				text-align: right;
			}
			
			table.titulo {
				padding: 0px 0px 0px 0px;
				border: 0px;
				width: 100%;
				background-color: #ffffff;
			}
			
			table.info_formas{
				padding: 0px 0px 0px 0px;
				border-top: 2px dotted #cccccc;
				width: 100%;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-align:left;
				vertical-align: bottom;
				color: #663300;
			}
			
			table.info_titulo{
				width: 100%;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-align:left;
				vertical-align: bottom;
				color: #663300;
			}
			
			table.infoComentarios_formas{
				margin: 20px 0px 0px 0px;
				padding: 0px 0px 0px 5px;
				border: 2px solid #cccccc;
				width: 100%;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-align:left;
				vertical-align: baseline;
				color: #663300;
				background-color: #ededed;
			}
			
			.txt_titulo {
				padding: 3px 5px 3px 0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: bolder;
				font-variant: normal;
				color: #663300;
				text-align: right;
			}
			
			.txt_nombreUsuario {
				padding: 3px 5px 3px 0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-style: normal;
				font-weight: bold;
				font-variant: normal;
				color: #FF9900;
				text-align: right;
				border-top: 2px dotted #cccccc;
			}
			
			td.formas-encabezado {
				padding: 2px 2px 2px 2px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: bold;
				font-variant: normal;
				text-align: left;
				color: #663300;
				border-bottom: 2px dotted #663300;
				background-color: #ffc154;
			
			}
			
			td.formas-backcolor1 {
				padding: 5px 5px 5px 5px;
				background-color: #ededed;
			}
			
			td.formas-backcolor2 {
				padding: 5px 5px 5px 5px;
				background-color: #cccccc;
			}
			
			td.formas-txtInfo {
				padding: 20px 5px 10px 5px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-align:justify;
				color: #333333;
				background-color: #ffffff;
			}
			
			td.barraPaginacion {
				padding: 20px 0px 10px 0px;
				border: 0px;
				width: 600px;
				background-color: #ffffff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: bold;
				font-variant: normal;
				color: #333333;
				text-align: center;
			}
			
			input, select, textarea {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				color: #663300;
				margin-bottom: 10px;
				background-color:#ffffff;
			}
			
			.iconos_imgs{
				padding: 0px 0px 0px 5px;
				text-align: left;
				vertical-align:baseline;
			}
			
			input.btn{
				margin: 0px 0px 0px 4px;
				font-weight: bolder;
				color: #663300;
				background-color:#ededed;
			}
			
			
			/************** Foot ***************/
			table.pie {
				padding: 0px 0px 0px 0px;
				border: 0px;
				width: 778px;
				background-color:#c76d50;
			}
			
			.txt_pie {
				padding: 2px 2px 2px 2px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				color: #ffffff;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<table cellpadding="0" cellspacing="0" class="formas">
			<tr>
    			<td>
		            <table cellpadding="0" cellspacing="2" class="info_formas">
						<tr> 
							<logic:iterate id="reporte" name="arrL_report" length="1">
								<bean:define id="mapa" name="reporte" property="map_result"/>
								<tr>
									<logic:iterate id="itr_mapa" name="mapa">
										<td class="formas-encabezado"><bean:write name="itr_mapa" property="key"/></td>
									</logic:iterate>
								</tr>
							</logic:iterate>
						</tr>				
							<logic:iterate id="reporte" name="arrL_report">
								<bean:define id="mapa" name="reporte" property="map_result"/>
								<tr>
									<logic:iterate id="itr_mapa" name="mapa">
										<td class="formas-backcolor1"><bean:write name="itr_mapa" property="value"/></td>
									</logic:iterate>
								</tr>
							</logic:iterate>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html:html>